<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- STYLESHEETS -->
  <!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
  <link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
  <link rel="stylesheet" type="text/css" href="../../css/themes/default.css" id="skin-switcher">
  <link rel="stylesheet" type="text/css" href="../../css/responsive.css">
  <link href="../../font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- SELECT2 -->
  <link rel="stylesheet" type="text/css" href="../../js/select2/select2.min.css" />
  <!-- UNIFORM -->
  <link rel="stylesheet" type="text/css" href="../../js/uniform/css/uniform.default.min.css" />
  <!-- datatable -->
  <link rel="stylesheet" href="../../js/datatables/datatable.css">
  <link rel="stylesheet" href="../../js/datepicker/datepicker.css">
  <!-- FONTS 
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
  <style>
    .form-group {
      margin-bottom: 10px;
    }
    .datatable .btn + .btn{
      margin-left: 8px;
    }
    .m-label {
      line-height: 34px;
    }
    .color-red {
      color: red;
    }
    .dataTables_scrollHeadInner {
      width: auto !important;
    }
    .dataTables_scrollHeadInner table {
      width:  100% !important;
    }
    .dataTables_scrollHeadInner table th {
      text-align: center;
    }
    .dataTables_scrollBody table td {
      text-align: center;
    }
    .dataTables_scrollBody table tr td:last-child {
      text-align: left;
    } 
  </style>
</head>

<body>
  <header class="navbar clearfix" id="header">
  </header>
  <!-- PAGE -->
  <section id="page">
    <!-- SIDEBAR -->
    <div id="sidebar" class="sidebar">
      <div class="sidebar-menu nav-collapse">

        <!-- SIDEBAR MENU -->
        <ul>

        </ul>
        <!-- /SIDEBAR MENU -->
      </div>

    </div>
    <!-- /SIDEBAR -->
    <div id="main-content">
      <!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
      <div class="modal fade" id="create-preorder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">结算</h4>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label class="control-label col-md-3" style="line-height:34px;">结算单号：</label>
                <div class="col-md-4 m-label" id="create-code"></div>
              </div>
              <div class="form-group">
                  <label class="control-label col-md-3" style="line-height:34px;">应结金额：</label>
                  <div class="col-md-4 m-label color-red" id="create-tmoney"></div>
              </div>
              <div class="form-group">
                <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>实结金额</label>
                <div class="col-md-4">
                  <input type="text" class="form-control" name="create-money" placeholder="请输入金额">
                </div>
                <div class="col-md-5 color-red m-label">提示：实结金额不能大于应该金额</div>
              </div>
              <div class="form-group">
                  <label class="control-label col-md-3" style="line-height:34px;">备注：</label>
                  <div class="col-md-9">
                      <textarea name="create-remark" placeholder="请输入备注" class="form-control" style="resize:none;" ></textarea>
                  </div>
                </div>
            </div>
            
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-success create-save">保存</button>
            </div>
          </div>
        </div>
      </div>
      <div class="modal fade" id="bh-preorder" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title">驳回</h4>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label class="control-label col-md-3" style="line-height:34px;">驳回单号：</label>
                <div class="col-md-4 m-label" id="bh-code"></div>
              </div>
              <div class="form-group">
                  <label class="control-label col-md-3" style="line-height:34px;"><span class="required">*</span>备注：</label>
                  <div class="col-md-9">
                      <textarea name="bh-remark" placeholder="请输入备注" class="form-control" style="resize:none;" ></textarea>
                  </div>
                </div>
            </div>
            
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-success create-bh">保存</button>
            </div>
          </div>
        </div>
      </div>
      <!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
      <div class="container">
        <div class="row">
          <div id="content" class="col-lg-12">
            <!-- PAGE HEADER-->
            <div class="row">
              <div class="col-sm-12">
                <div class="page-header">
                  <!-- STYLER -->
                  <!-- /STYLER -->
                  <!-- BREADCRUMBS -->
                  <ul class="breadcrumb">
                    <li>
                      <i class="fa fa-home"></i>
                      <a href="index.html">首页</a>
                    </li>
                    <li>
                      <a href="#">批发模式</a>
                    </li>
                    <li>结算管理</li>
                  </ul>
                  <!-- /BREADCRUMBS -->
                </div>
              </div>
            </div>
            <!-- /PAGE HEADER -->
            <!-- FORMS QUERY-->
            <div class="row">
              <div class="col-md-12">
                <div class="row">
                  <div class="col-md-12">
                    <div class="box border primary">
                      <div class="box-title">
                        <h4><i class="fa fa-bars"></i>查询条件</h4>
                      </div>
                      <div class="box-body big" style="padding:10px;">
                        <form class="form-horizontal" role="form" id="form_Promotion">
                          <div class="form-group mrg-bt10">
                            <label class="col-sm-1 control-label" style="width: auto">批发商名称：</label>
                            <div class="col-sm-2">
                              <input type="text" class="form-control" name="name" placeholder="请输入批发商名称">
                            </div>
                            <label class="col-sm-1 control-label" for="e1" style="width: auto">结算状态：</label>
                            <div class="col-sm-2">
                              <select id="status_select" class="col-md-12 select2-offscreen" tabindex="-1">
                                <option value=''>全部</option>
                                <option value="WaitingBill" selected>未结算</option>
                                <option value="Billed">已结算</option>
                                <option value="Dismissed">已驳回</option>
                              </select>
                            </div>
                            <label class="col-sm-1 control-label" style="width: auto">提交时间：</label>
                            <div class="col-sm-4" style="display:inline-flex; width: 290px">
                              <div class="float-left" style="width:130px">
                                <input type="text" name="startDate" class="form-control bootstrap-datepicker">
                              </div>
                              <div style="width: 40px; text-align: center">至</div>
                              <div class="float-left" style="width:130px">
                                <input type="text" name="endDate" class="form-control bootstrap-datepicker">
                              </div>
                            </div>
                            <div class="col-sm-1">
                              <a class="btn btn-primary search">查询</a>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <!-- TABLES -->
              <div class="col-md-12">
                <!-- BOX -->
                <div class="box border primary">
                  <div class="box-title">
                    <h4><i class="fa fa-table"></i>结算单：<span id="total"></span>单</h4>

                  </div>
                  <div class="box-body">
                    <table id="db_Promotion_list" cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered table-hover">
                    </table>
                  </div>
                </div>
                <!-- /BOX -->
              </div>
            </div>
            <!-- /TABLES -->
            <div class="footer-tools">
              <span class="go-top">
                <i class="fa fa-chevron-up"></i> Top
              </span>
            </div>
          </div><!-- /CONTENT-->
        </div>
      </div>
    </div>
  </section>
  <!--/PAGE -->
  <!-- JAVASCRIPTS -->
  <!-- Placed at the end of the document so the pages load faster -->
  <!-- JQUERY -->
  <script src="../../js/jquery/jquery-2.0.3.min.js"></script>

  <!-- BOOTSTRAP -->
  <script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
  <!-- BLOCK UI -->
  <script type="text/javascript" src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

  <!-- AUTOSIZE -->
  <script type="text/javascript" src="../../js/autosize/jquery.autosize.min.js"></script>
  <!-- spinner -->
  <script src="../../js/spinner/spin.js"></script>
  <!-- DATA TABLES -->
  <script type="text/javascript" src="../../js/datatables/bootstrap-select.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-bootstrap.js"></script>
  <script type="text/javascript" src="../../js/datatables/datatable-tabletools.js"></script>
  <script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

  <!-- INPUT MASK -->
  <script type="text/javascript" src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

  <!-- SELECT2 -->
  <script type="text/javascript" src="../../js/select2/select2.min.js"></script>
  <!-- UNIFORM -->
  <script type="text/javascript" src="../../js/uniform/jquery.uniform.min.js"></script>
  <script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
  <!-- COOKIE -->
  <script type="text/javascript" src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
  <script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
  <!-- CUSTOM SCRIPT -->
  <script src="../../js/script.js"></script>
  <script src="../../js/common.js"></script>
  <script>
    var Promotion = function () {
      var wn = $.getUrlParam('wholesalerName')
      $("input[name=name]").val(wn);
      if (wn) {
        $("#status_select").val('Billed')
      }
      var createId = 0;
      var $mainDataTable = null;
      var searchPromotion = function () {
        var startDate = $("input[name=startDate]").val();
        var endDate = $("input[name=endDate]").val();
        var wholesalerName = $("input[name=name]").val();
        var status = $("#status_select").val();
        var url = App.getContextPath() + "admin/wholesalebill/searchBill.do?wholesalerName=" + wholesalerName;
        if (startDate != "")
          url += "&startDate=" + startDate;
        if (endDate != "")
          url += "&endDate=" + endDate;
        if (status) {
          url += "&billStatus=" + status;
        }
        if ($mainDataTable) {
          $mainDataTable.api().ajax.url(url).load();
          return;
        }
        var dtSetting = $.dataTableSetting({
          "ajaxSource": url,
          "serverSide": true,
          "bFilter": false, // 去掉搜索框
          "bLengthChange": true, // 每页显示数量						
          "sScrollX": "100%",
          "sScrollXInner": "100%",
          "iDisplayLength": 25,
          "bSort": false,
          "aoColumns": [{
            "mDataProp": "id",
            "sTitle": "结算单ID",
            "width": "8%"
          }, {
            "mDataProp": "billCode",
            "sTitle": "结算单号",
            "width": "10%"
          }, {
            "sTitle": "批发商名称",
            "mDataProp": "wholesalerName",
            "width": "15%"
          }, {
            "sTitle": "应结金额",
            "width": "8%",
            "mDataProp": "amountDuePrice",
            "render":function(data, type, row){
                return format_thousands(row.amountDuePrice)
            }
          }, {
            "sTitle": "实结金额",
            "width": "8%",
            "mDataProp": "amountPrice",
            "render":function(data, type, row){
                return format_thousands(row.amountPrice)
            }
          }, {
            "sTitle": "提交时间",
            "width": "12%",
            "render":function(data, type, row){
                return $.getLocalTime(row.createTime)
            }
          }, {
            "sTitle": "结算时间",
            "width": "12%",
            "render":function(data, type, row){
                return $.getLocalTime(row.updateTime)
            }
          }, {
            "sTitle": "状态",
            "width": "8%",
            "mDataProp": "billStatusDesc"
          }, {
            "sTitle": "操作",
            "render": function (data, type, row) {
              var str = ''
              if (row.billStatus == 'WaitingBill') { // 结算按钮
                str += "<a class='btn btn-primary btn-xs btn-width btn-settlement' data-id=" + row.id + " data-code=" + row.billCode + " data-amountDuePrice=" + row.amountDuePrice + " href='javascript:void(0)'><i class='fa fa-cny'></i> 结算</a>"
                str += "<a class='btn btn-danger btn-xs btn-width btn-bh' data-id=" + row.id + " data-code=" + row.billCode + " data-amountDuePrice=" + row.amountDuePrice + " href='javascript:void(0)'><i class='fa fa-mail-reply'></i> 驳回</a>"
              }
              if (row.billStatus != 'Dismissed') {
                str += "<a class='btn btn-success btn-xs btn-width btn-dc' href='./bill_detail.html?billCode=" + row.billCode +"' target='_blank'><i class='fa fa-file'></i> 明细</a>"
              }
              return str;
            }
          }]
        });
        $mainDataTable = $("#db_Promotion_list").dataTable(dtSetting);
      };
      var createEvent = function () {
        var $createMoney = $("input[name=create-money]");
        var createMoney = $createMoney.val();
        var $createRemark = $("textarea[name=create-remark]");
        var createRemark = $createRemark.val().trim();
        if (!/^\d+(\.\d+)?$/.test(createMoney)){
          $createMoney.closest(".form-group").addClass("has-error");
          return false
        } else {
          if (createMoney > Number($("#create-tmoney").text())) {
            $createMoney.closest(".form-group").addClass("has-error");
            return false
          }
        }
        $(".has-error").removeClass('has-error')
        $.confirm("确定结单此订单?",function(){
          createAjax(createMoney, createRemark, 'Billed')
				});
      }
      var bhEvent = function() {
        var $bhRemark = $("textarea[name=bh-remark]");
        var bhRemark = $bhRemark.val().trim();
        if (!bhRemark) {
          $bhRemark.closest(".form-group").addClass("has-error");
          return false
        }
        $(".has-error").removeClass('has-error')
        $.confirm("确定驳回此结算申请?",function(){
        var bhRemark = $bhRemark.val().trim();
          createAjax('', bhRemark, 'Dismissed')
        });
      }
      var isAjax = false
      var createAjax = function( createMoney, remark, billStatus) {
        if (isAjax) {
          return false
        }
        isAjax = true
        $.ajax({
          type: "get",
          url: App.getContextPath() + "admin/wholesalebill/updateBillStatus.do",
          data: {
            id: createId,
            amountPrice: createMoney,
            remark: remark,
            billStatus: billStatus
          },
          async: true,
          success: function(result) {
            if (result.type == 'success') {
              isAjax = false
              if (billStatus == 'Billed') {
                $.alert("结算成功!");
                $("#create-preorder").modal("hide");
                $("input[name=create-money]").val('')
                $("textarea[name=create-remark]").val('')
              } else {
                $("#bh-preorder").modal("hide");
                $("textarea[name=bh-remark]").val('')
              }
              searchPromotion()
            } else {
              $.alert(result.content);
            }
          },
          error: function(e){
            isAjax = false
          }
        });
      }
      return {
        init: function () {
          $.initDate($("#form_Promotion"), -30, 0);
          $("#status_select").select2({ 
            placeholder: "选择状态"
          });
          $("#create-business, #create-type").select2();
          $(".create-save").click(function() {
            createEvent()
          })
          $(".create-bh").click(function() {
            bhEvent()
          })
          $("body").on('click', '.btn-settlement', function() {
            createId = $(this).attr('data-id')
            var amountDuePrice = $(this).attr('data-amountDuePrice')
            var code = $(this).attr('data-code')
            $("#create-code").text(code)
            $("#create-tmoney").text(format_thousands(amountDuePrice))
            $("#create-preorder").modal("show");
          })
          $("body").on('click', '.btn-bh', function() {
            createId = $(this).attr('data-id')
            var code = $(this).attr('data-code')
            $("#bh-code").text(code)
            $("#bh-preorder").modal("show");
          })
          $(".search").click(searchPromotion);
          searchPromotion();
        }
      }
    }();
    $(function () {
      $("#header").load("../head.html");
      App.init(); //Initialise plugins and elements	        
      Promotion.init();
    });
  </script>
  <!-- /JAVASCRIPTS -->
</body>

</html>